<template>
	<view class="content">
		<view class="wash-shoes-list">
			<view class="wash-shoes-li">
				<image src="" mode=""></image>
				<view class="wash-shoes-list-r">
					<view class="title">普通机洗</view>
					<view class="des u-line-2">
						使用自动机械对鞋子里外进行清洗，使用温和
						洗涤剂，机洗会有概率损伤鞋面，介意慎选。
					</view>
					<view class="price">
						<view>10元/双 <text>会员价：8.00</text></view>
						<view class="price-caozuo">
							<image src="http://shoe-orange.laiwang.work/img/catAdd.png" mode=""></image>
							<button class="u-reset-button" @click="xiadan()">立即下单</button>
						</view>
					</view>
				</view>
			</view>
			<view class="wash-shoes-li">
				<image src="" mode=""></image>
				<view class="wash-shoes-list-r">
					<view class="title">普通机洗</view>
					<view class="des u-line-2">
						使用自动机械对鞋子里外进行清洗，使用温和
						洗涤剂，机洗会有概率损伤鞋面，介意慎选。
					</view>
					<view class="price">
						<view>10元/双 <text>会员价：8.00</text></view>
						<view class="price-caozuo">
							<image src="http://shoe-orange.laiwang.work/img/catAdd.png" mode=""></image>
							<button class="u-reset-button">立即下单</button>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			xiadan(id){
				uni.navigateTo({
					url:'../order/place_order/place_order?id='+id
				})
			}
		}
	}
</script>

<style lang="less">
	.content{
		padding: 20rpx;
	}
.wash-shoes-list{
			// margin-top: 40rpx;
			.wash-shoes-li{
				width: 100%;
				height: 220rpx;
				background: #FFFFFF;
				margin-bottom: 30rpx;
				border-radius: 10rpx;
				overflow: hidden;
				display: flex;
				align-items: center;
				padding: 30rpx 20rpx;
				image{
					width: 160rpx;
					height: 160rpx;
					border-radius: 10rpx;
					overflow: hidden;
				}
				.wash-shoes-list-r{
					width: calc(100% - 160rpx);
					padding-left: 21rpx;
					.title{
						font-size: 30rpx;
						font-weight: bold;
						margin-bottom: 13rpx;
					}
					.des{
						font-size: 24rpx;
						color: #7C7C7C;
						line-height: 30rpx;
						margin-bottom: 33rpx;
					}
					.price{
						display: flex;
						align-items: center;
						justify-content: space-between;
						view{
							font-size: 24rpx;
							color: #333333;
							text{
								color:#FBAA27;
								margin-left: 13rpx;
							}
						}
						.price-caozuo{
							display: flex;
							align-items: center;
							image{
								width: 30rpx;
								height: 30rpx;
								margin-right: 17rpx;
							}
							button{
								color: #FBAA27;
								font-size: 24rpc;
								font-weight: bold;
								border: 2rpx solid #FBAA27;
								padding: 0 12rpx;
								line-height: 42rpx;
								border-radius: 21px;
							}
						}
					}
				}
			}
		}
</style>
